﻿body
{
    margin: 5px;
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #d8dce0;
    background-image: url('../images/topbackground.gif');
    background-repeat: repeat-x;
}

.body-main {
    
}

.toolbar {
    padding:5px;
    background-color:#c9e2fc;
}

.texta
{
     font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 544px;
}
#login-wrapper {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    width: 300px;
    height: 250px;
}
#login
{

    padding: 10px;
    box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
     -webkit-box-shadow: 5px 5px 5px #ccc;
    background-color: #FFFFFF;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.container {
    margin-left: auto;
    margin-right: auto;  
    padding: 15px;
    margin:10px;
   }
   
   .extra-padding{
    padding:5px;
   }

.div-head {
    background-image: url('../images/top-bar.gif');
    background-repeat: repeat-x;
    padding:5px;
    color:#fff;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.div-body{
    background-color: #fff;
    box-shadow: 5px 5px 5px #ccc;
    -moz-box-shadow: 5px 5px 5px #ccc;
     -webkit-box-shadow: 5px 5px 5px #ccc;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    padding:2px;
      
}

.txt {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 200px;
}

.lbl {
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;

}

.btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:12px Arial,Sans-serif;
      text-decoration:none;
      color:#000;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the 
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right 
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
      background: #ddd url( '../images/bg-button.gif' )repeat-x 0 0;
      margin:0;
      padding:3px 0;
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span
{
    position: relative;
    padding: 3px .4em;
    border-width: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #aaa;
    border-top-color: #bbb;
    border-bottom-color: #808080;
}
    
    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span
{
    cursor:default;
    border-color: #808080;
    color: #000;
}
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for <button>, only <a> */
      }
     
     
     .err {
       color:Red;
       font-size:12px; 
       }   
       
       
ul, li{margin:0; padding:0; list-style:none;}

.menu_head
{
}
.menu_body
{
    width:100%;
 }

.menu_body li
{
    text-decoration:none;
}

.menu_body li a{
    padding: 3px 3px 3px 9px;
    display:block; 
    text-decoration:none;
    color:#000;
}
.menu_body li a:hover
{
    padding: 3px 3px 3px 9px;
    background-color: #DDE8FF;
    text-decoration: none;
    color: #000;
}


/*Modal Dialog*/
.modal_overlay{top:0px;left:0px;position:absolute;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;display:none;z-index:1000px;}

#modal_outer
{z-index:2000px;padding:0px;border:1px solid#336699;background-color:#fff;position:absolute;top:25px;}#modal_frame
{border:9px solid#AAC6FF;z-index:2px;}.modal_close{text-align:right;cursor:pointer;padding:4px;background:transparent url(../images/close.png');background-repeat:no-repeat;height:10px;width:10px;}#modal_title
{font-family:Arial;float:left;padding:12px;font-size:18px;font-weight:bold;background-color:#e0edfe;width:100%;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#D8DFF3;}

#modalTitle {
    font-size:18px;
    font-weight:bold;
}

.msg_iwt_core
{position:absolute;margin-left:auto;margin-right:auto;top:0;z-index:10;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;text-align:center;display:none;padding:5px;}.msg_iwt
{background:#FEF989;font-size:12px;font-family:Arial;color:#000;}